<template>
  <div>
    <mNavHead />
    <!-- <mBanner /> -->
    <mBanner :initialSwipe="1" />
    <mContentComponent class="mb-60" :contentData="contentData" />
    <mContentComponent class="mb-60" :contentData="contentData1" />
    <mContentComponent class="mb-60" :contentData="contentData2" />
    <mContentComponent class="mb-60" :contentData="contentData3" />
    <mFooter></mFooter>
  </div>
</template>
<script>
import mBanner from "~/components/m-banner.vue";
import mContentComponent from "~/components/m-content-component.vue";
import mNavHead from "~/components/m-nav-head";
import mTitlebox from "~/components/m-titlebox";
import mFooter from "~/components/m-footer";
export default {
  components: {
    mBanner,
    mContentComponent,
    mNavHead,
    mTitlebox,
    mFooter,
  },
  data() {
    return {
      contentData3: {
        title: "电子合同",
        subTitle: "通过手机在线签署劳动合同，低成本、更高效",
        img: require("../../../assets/img/dzhtcxcx2.png"),
        reverse: true,
        isCheckIcon: false,
        list: [
          {
            icon: require("../../../assets/img/xsqybjgxcxcx2.png"),
            name: "线上签约便捷高效",
            content:
              "全程线上签约，秒速签署，支持PC、手机、微信等多终端签署， 随时随地签合同",
          },
          {
            icon: require("../../../assets/img/qycbdcxcx2.png"),
            name: "签约成本低",
            content: "无需打印、快递合同，云端线上存储管理，成本节省95%以上",
          },
          {
            icon: require("../../../assets/img/qyaqybzcxcx2.png"),
            name: "签约安全有保障",
            content:
              "国家权威CA数字证书，确保身份真实有效；权限配置，公章授权才可使用；文件固化+区块链技术，防篡改效果看得见",
          },
          {
            icon: require("../../../assets/img/htgljdfbcxcx2.png"),
            name: "合同管理简单方便",
            content: "云端存储，永久保存，合同查询、借阅、归档等管理，全流程电子化",
          },
        ],
      },
      contentData2: {
        title: "电子考勤",
        subTitle: "线上考勤统计，精准无差错",
        img: require("../../../assets/img/dzkqxx2.png"),
        isCheckIcon: false,
        list: [
          {
            icon: require("../../../assets/img/rlghxx2.png"),
            name: "人力规划",
            content: "压三天/五天之后，一天一发；不在依赖工厂考勤",
          },
          {
            icon: require("../../../assets/img/lhpbxx2.png"),
            name: "灵活排班",
            content: "多种排班方式，一键排班、人岗匹配",
          },
          {
            icon: require("../../../assets/img/cqdkxx2.png"),
            name: "出勤打卡",
            content: "多种打卡方式，真实出勤保障",
          },
          {
            icon: require("../../../assets/img/kqtjxx2.png"),
            name: "考勤统计",
            content: "考勤规则灵活配置，实时计算考勤⼯时，多维度查看考勤",
          },
        ],
      },
      contentData1: {
        title: "私域招聘",
        subTitle: "让人力公司有自己的线上招聘小程序",
        img: require("../../../assets/img/syzpxx2.png"),
        isCheckIcon: false,
        reverse: true,
        list: [
          {
            icon: require("../../../assets/img/xsmdxx2.png"),
            name: "线上门店",
            content: "独立线上门店 持续获取流量",
          },
          {
            icon: require("../../../assets/img/syllxx2.png"),
            name: "私域流量",
            content: "开通成本低获取流量零成本",
          },
          {
            icon: require("../../../assets/img/jlkcxcx2.png"),
            name: "简历库",
            content: "可一键给派遣员工批量发通知，方便的给派遣员工做服务",
          },
          {
            icon: require("../../../assets/img/yllbcxcx2.png"),
            name: "引流裂变",
            content: "员工越多流量越大",
          },
          {
            icon: require("../../../assets/img/kqtjxx2.png"),
            name: "360°客户管理 用户永不丢失",
            content: "求职者资料全掌控、小程序留存求职者",
          },
        ],
      },
      contentData: {
        title: "无卡发薪",
        subTitle: "无需收集银行卡即可一键批量发薪 秒到账",
        img: require("../../../assets/img/wkfxxx2.png"),
        isCheckIcon: false,
        list: [
          {
            icon: require("../../../assets/img/zszjzhc.png"),
            name: "专属资金账户",
            content: "员工实名效验机制，银行级别安全保障",
          },
          {
            icon: require("../../../assets/img/zxaqfxaaa2.png"),
            name: "在线安全发薪",
            content: "考勤发薪、随时随地扫码领薪、周期结算",
          },
          {
            icon: require("../../../assets/img/fxshaaa2.png"),
            name: "发薪审核",
            content: "资金安全审核，发薪流程安全可追溯",
          },
          {
            icon: require("../../../assets/img/jsdzaaa2.png"),
            name: "极速到账",
            content: "无需排队，实时到账到银行卡或微信钱包",
          },
          {
            icon: require("../../../assets/img/rlghxx2.png"),
            name: "做账方便",
            content: "电脑端后台下载明细/回单方便做账",
          },
        ],
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.mb-60 {
  margin-bottom: 60px;
}
</style>
